body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,input,button,textarea,th,td,pre,code{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
button{outline: none;border:nonecustomize}
img{border:0}
li{list-style:none}
body{font-size: 14px;color: #333;font-family:'Microsoft Yahei','Simsun';background-color: #F5F6F7;}
.graybody{background-color: #F5F6F7;}
input{line-height: normal;vertical-align: middle; -webkit-appearance:none;}
::-moz-placeholder{color: #C8CBCC;opacity: 1!important;}
:-ms-input-placeholder{color: #C8CBCC;}
::-webkit-input-placeholder{color: #C8CBCC;}
textarea {-webkit-appearance: none;}
.clear{clear:both}
.clearfix:after{clear: both;content: '\0020';display: block;height: 0;}
a{color:#545454;text-decoration:none;}
.green{color:#390}
.red{color:#f00}
.blue{color:#36c}
.gray{color:#454545}
.orange{color:#f60}
.lightblue{color:#00B0FE;}
.mtop5{margin-top: 5px;}
.mtop10{margin-top: 10px;}
.mtop15{margin-top: 15px;}
.fr{float: right;}
.color666{color:#666666}
.color6f7{color:#6f7070}
a:hover{}
.wid{width: 1200px;margin-left:auto;margin-right:auto;}
.wid2{}
.mcenter{text-align: center;}

body{background-color: #f5f6f8;}
.whitebody{background-color: #FFF;}
/* .wid{width: auto;} */
.wid2{width: 1200px;}
i{font-style:normal;}
b{font-style:normal;}
input{outline:none;border:none}
button{outline: none}
#top.mytop{height:60px;margin-top: 0;margin-bottom: 0;padding-top: 0px;background-color: #fff;}
#top.mytop #logo{height:60px;background-color: #293038;margin-left: 0;width:180px;}
#top.mytop #logo a{background: url(../images/my.png) no-repeat;background-position:-161px -1956px;display: block;line-height:60px;text-indent: -9999px;width:180px;}
#mylogoright{line-height:60px;margin-left:180px;box-shadow:0 1px 1px #f1f1f1;height:60px;padding-left:20px;padding-right:30px;}
.topswitch #mylogoright{margin-left:50px;}
#mylogoright a{color:#666;}
#mylogoright a#mlhome{background: url(../images/my.png) no-repeat;background-position: 0 -1154px;padding-left: 24px;}
#mylogoright a#mlmsg{background: url(../images/my.png) no-repeat;background-position: 0 -1224px;padding-left: 24px;}
#mylogoright a#mlmsg.on{background-position:0 -1384px;}
#mylogoright #mlrlink a:hover{color:#02bbfb;}
#mylogoright #memberrank span{background:url(../images/my.png) no-repeat;background-position:-1px -1462px;vertical-align:middle;width:20px;margin-left:4px;font-size:12px;height:20px;line-height:20px;display:inline-block;}
#mylogoright #memberrank.rank1{}
#mylogoright #memberrank.rank2 span{background-position:-1px -1557px;}
#mylogoright #memberrank.rank3 span{background-position:-1px -1662px;}
#mylogoright i{display: inline-block;margin-left: 12px; background-color: #ddd;margin-right:13px;height: 14px;width: 1px;vertical-align: middle;}
#msginfobox{position:relative;padding-right: 15px;min-width: 400px;float: left;height:40px;color:#666;line-height:40px;margin-top:11px;font-size:12px;}
#msginfobox.on{background-color:#fef6f6;}
#msginfobox .attention{width:20px;height:20px;float:left;background:url(../images/my.png) 0 -1307px no-repeat;margin:11px 9px auto 13px;}
#msginfobox .immediately{color:#fc736b;}
#mlrlink{max-width:40%;float: right;margin-right: 10px;}
#mlrlink li{float: left;}
#mlrlink li a{font-size: 14px;color: #666;cursor: pointer;}
#mlrlink li a.exit{color:#999;}

#rcontentbox #buytip{height: 52px; padding:0 16px; background-color: #fcf8e3; border:1px solid #faebcc; line-height: 52px; color: #8a6d3b; font-size: 12px;margin:0 15px 10px 15px;border-radius: 5px}
#rcontentbox #buytip .checkbox-group{line-height:54px; width: 100%;}
#rcontentbox #buytip a{color: #2cb9ea}
.table .contract0{ cursor: pointer;position:relative;display:inline-block;background-color:#fd6860;color:#ffffff;width: 73px;height: 25px;line-height: 25px;text-align: center;margin-left:10px;border-radius: 3px}
.table .contract0Tip{
    cursor: pointer;
    display: none;
    position: absolute;
    left: -36px;
    top: -47px;
    width:380px;
    height: 40px;
    line-height: 40px;
    border:1px solid #faebcc;
    background-color: #fcf8e3;
    color: #ff847e;
    font-size: 12px;
    border-radius: 5px;
}
.table .contract0Tip .warnning{display: inline-block;background: url(/my/static/images/contract_warn.png) no-repeat center;background-size: 100%;width: 20px;height: 18px;vertical-align: top;margin-top: 10px;text-align: center;line-height: 20px;margin-right: 8px;}
.table .contract0Tip .arrow_bottom{position: absolute; bottom:-10px;left: 60px;display: inline-block;border-width:10px 10px 0; border-style:solid;border-color:#faebcc transparent transparent;/*藥� ���� ���� */}
.table .contract0Tip .arrow_bottom:after{content: '';display:block;width:0;height:0;border-width: 9px;border-style:solid;border-color:#fcf8e3 transparent transparent;position:absolute;top:-10px;left:-9px;}
.table .contract1{position:relative;display:inline-block;color:#ffffff;width: 73px;height: 25px;line-height: 25px;text-align: center;margin-left:10px;border-radius: 3px;background-color:#50b1e9;}
.table .contract1 .arrow_left{position: absolute;left: -5px;top: 9px;display: inline-block;border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #50b1e9 transparent transparent;/*���� �� ���� ���� */}

#mylogoright #membername{display: inline-block;background: url(../images/my.png) -289px 30px no-repeat;padding-left: 16px;}
#mylogoright #appkey{margin-right: 70px; padding-right: 10px;font-family: Courier New;line-height: 20px;display: inline-block;vertical-align: middle;}
#menu{width:180px;float: left;background-color: #293038;min-height: 660px;position: relative;}
#rcontentbox{margin-left: 200px;margin-right: 10px;}
#rcontentbox.rcbswitch{margin-left:70px;}
#menu .menubox{}
#menu .menubox h4{color: #FFF;height:39px;line-height:39px;font-size: 15px;padding-left:20px;font-weight: normal;background-color: #22282E;margin-top: 0;cursor: pointer;}
#menu .menubox h4 i{display: inline-block;background: url(../images/iconv2.png) no-repeat 0px 3px;margin-right:16px;height: 10px;width: 10px;vertical-align: middle;transition:transform 0.1s;-webkit-transition:transform 0.1s;}
#menu .menubox h4 i.scal{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#menu .menubox h4#menuaccount{}
#menu .menubox h4#menufinance{}
#smallmenubox h4{padding-left:15px;}
#smallmenubox h4 i{margin-top:16px;margin-left:5px;}
#menu li a{padding-left:50px;font-size:14px;color: #9EACBD; display: block;height:32px;line-height: 32px;margin-bottom:7px;position: relative;background: url(../images/iconv2.png) no-repeat;background-position: 28px -40px;}
#menu li{position:relative;}
.wid50 li:hover:before{content:"";padding-left:5px;padding-right:5px;font-size:12px;position:absolute;background-color:#293038;color:#fff;left:55px;height:24px;line-height:24px;border-radius:3px;width:60px;z-index:55;text-align:center;transition:all 0.2s;top:5px;}
#menu li a.on, #menu li a:hover{position: relative;color: #02bbfb;}
#menu li a.on:before,#menu li a:hover:before{position: absolute;width: 2px;height: 18px;top: 50%;left: 0px;content: '';display: block;margin-top: -9px;background: url(../images/my.png) -298px -1096px no-repeat;}
#menu li.api a{background-position:17px -39px;margin-top:3px;}
#menu li.api a.on, #menu li.api:hover a{background-position:17px -95px;}
.wid50 li.api:hover:before{content:"\6211\7684\0041\0050\0049";}
#menu li.customize a{background-position:18px -1658px;margin-top:3px;}
#menu li.customize a.on, #menu li.customize:hover a{background-position:18px -1629px;}
.wid50 li.customize:hover:before{content:"\6211\7684\0041\0050\0049";}
#menu li.collect a{background-position:17px -151px;}
#menu li.collect a.on, #menu li.collect:hover a{background-position:17px -207px;}
.wid50 li.collect:hover:before{content:"\6211\7684\6536\85cf";}
#menu li.apply a{background-position:17px -264px;margin-bottom:5px;}
#menu li.apply a.on, #menu li.apply:hover a{background-position:17px -320px;}
.wid50 li.apply:hover:before{content:"\7533\8bf7\0041\0050\0049";}
#menu li.ipwhitelist a{background-position:17px -376px;margin-bottom:5px;}
#menu li.ipwhitelist a.on, #menu li.ipwhitelist:hover a{background-position:17px -433px;}
.wid50 li.ipwhitelist:hover:before{content:"\0049\0050\767d\540d\5355";}
#menu li.sms a{background-position:17px -1381px;margin-bottom:2px;}
#menu li.sms a.on, #menu li.sms:hover a{background-position:17px -1441px;}
.wid50 li.sms:hover:before{content:"\77ed\4fe1\7ba1\7406";top:4px;}
#menu li.profile a{background-position:17px -488px;margin-bottom:8px;margin-top:3px;}
#menu li.profile a.on, #menu li.profile:hover a{background-position:17px -539px;}
.wid50 li.profile:hover:before{content:"\57fa\672c\8d44\6599";top:3px;}
#menu li.password a{background-position:17px -598px;margin-bottom:5px;}
#menu li.password a.on, #menu li.password:hover a{background-position:17px -655px;}
.wid50 li.password:hover:before{content:"\4fee\6539\5bc6\7801";}
#menu li.authentication a{background-position:17px -710px;margin-bottom:6px;}
#menu li.authentication a.on, #menu li.authentication:hover a{background-position:17px -764px;}
.wid50 li.authentication:hover:before{content:"\5b9e\540d\8ba4\8bc1";}
#menu li.message a{background-position:17px -818px;margin-bottom:4px;}
#menu li.message a.on, #menu li.message:hover a{background-position:17px -874px;}
.wid50 li.message:hover:before{content:"\6d88\606f";width:40px;top:4px;}
#menu li.order a{background-position:16px -932px;margin-top:6px;margin-bottom:6px;}
#menu li.order a.on, #menu li.order:hover a{background-position:16px -989px;}
.wid50 li.order:hover:before{content:"\6211\7684\8ba2\5355";}
#menu li.coupon a{background-position:16px -1045px;margin-bottom:3px;}
#menu li.coupon a.on, #menu li.coupon:hover a{background-position:16px -1099px;}
.wid50 li.coupon:hover:before{content:"\4f18\60e0\5238";width:50px;}
#menu li.recharge a{background-position:16px -1153px;margin-bottom:5px;}
#menu li.recharge a.on, #menu li.recharge:hover a{background-position:16px -1209px;}
.wid50 li.recharge:hover:before{content:"\5145\503c";width:40px;}
#menu li.invoice a{background-position:16px -1267px;margin-bottom:6px;}
#menu li.invoice a.on, #menu li.invoice:hover a{background-position:16px -1325px;}
.wid50 li.invoice:hover:before{content:"\5f00\5177\53d1\7968";top:2px}
#menu li.recharge a.on:before, #menu li.recharge a:hover:before{margin-top:-8px;}

#sms{display:none;}
#sms ul li a{background:url(../images/iconv2.png) 37px -1480px no-repeat;}
/*.wid50 ul li.sms_template:hover:before{content:"\6a21\677f\7ba1\7406";}

.wid50 ul li.sms_online_record:hover:before{content:"\53d1\9001\8bb0\5f55\67e5\8be2";width:80px;}*/
#sms ul li a.on,#sms ul li a:hover{background:url(../images/iconv2.png) 37px -1503px no-repeat;}
#sms li a.on:before, #sms li a:hover:before{background-image:none;}
.wid50 ul li.sms_online:hover:before{content:"\5728\7ebf\53d1\9001";}

#menuswitch{position: absolute;right:0px;bottom: 0;width:50px;height:50px;background: url(../images/my.png) no-repeat;cursor: pointer;background-position:15px -1076px;}
.wid50 #menuswitch{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}
.wid50 #menuswitch:hover{background-position:15px -1728px;}
#small{}
#menuswitch:hover{background-position:15px -1728px;}
#mtopnav{height: 70px;border-bottom: 1px solid #E6E6E6;}
#mtopnav li{float:left;width:150px;}
#mtopnav li a{color:#8A8B8D;display:block;line-height: 67px;text-align: center;font-size:18px;}
#mtopnav li a.on,#mtopnav li a:hover{color:#00B0FE; border-bottom: 3px solid #00B0FE;}
h2{font-size: 16px;line-height: 50px;color: #353D41;padding-left: 20px;}
h2 span{font-weight: normal;}
h2 img{vertical-align: middle;}
.rcontent{background-color: #FFF;border-radius: 5px;padding: 20px 5px 20px;min-height: 500px;margin-bottom: 20px;}
#foot{background-color: transparent;padding-top: 10px;display: none;}

/*#top{}
#top.regtop{border-bottom: 1px solid #EBEBEB;padding-bottom: 15px;}
#top #logo{}
#top #logo a{}
#top #rlogoright{float: left;color: #91989E;font-size: 24px;line-height: 40px;border-left: 1px solid #E6E6E6;padding-left: 20px;margin-top: 10px;margin-left: 10px;}
#top #rlogoright2{float: right;color: #656565;padding-top: 32px;padding-right: 10px;}
#top #rlogoright2 a{line-height: 28px;background-color: #00B0FE;color: #FFF;border-radius: 3px;display: inline-block;width: 50px;text-align: center;margin-left: 3px;}
#regbox{margin-top: 40px;}
#regleft{width: 50%;float: left;}
#regright{}
#regright .regrad{margin-bottom: 10px;text-align: right;padding-right: 10px;}*/
#top{}
#top.regtop{height: 64px;background-color: #F5F5F5;}
#top.regtop .wid{background-color:#f5f5f5 !important;height:64px !important;}
#top #logo {
    float: left;
    width: 570px;
    cursor: pointer;
}

#top.regtop #logo a{background: url(/static/images/logosmall.png) 0 12px no-repeat;}
#top #rlogoright{float: right;color: #656565;padding-right: 10px;}
#top #rlogoright span{color: #D3D3D3;font-size: 12px;padding-left: 5px;padding-right: 5px;}
#top #rlogoright a{line-height: 60px;color: #595959;}
#regbox{width: 1000px;margin: 0 auto;margin-top: 120px;}
#regleft{width: 600px;float: left;}
#regright{width: 299px;float: left;padding: 30px 50px;border: 1px solid #eee;border-left: none;height: 308px;}
#regright h1{font-size: 20px;font-weight: normal;line-height: 36px;text-align: center;margin-bottom: 22px;}
#regright h1 a{color:#656565;display: inline-block;}
#regright h1 a.on{color:#00b0fe}
#regright h1 #numlogin{margin-right:47px}
#regright h1 #codelogin{margin-left:47px}
#regright #codebox{display: none;margin: auto;width:160px;text-align: center;}
#regright #codebox dt img{width:160px;height: 160px;margin-top: 10px;}
#regright #codebox dd{width:100%;height:50px;margin: 35px auto 0;background: url("../images/mainv2.png") 0 -4000px no-repeat;}
#regright #codebox dd p{width:100px;float:right;color: #a0a0a0;text-align: left}
#regright #codebox dd p span{color:#373d41}
#regright .formline .labelright{width: 274px;padding: 0;}
#regright #regbtn{margin-left: 0px;width: 100%;height: 40px;line-height: 40px;}
#regright .bluea{color: #11A7DE;}
#regright .checkbox-group{padding-left: 22px;}
#regright .checkbox-group input[type="checkbox"]+span{color: #828282;}
#regright #autologinline{margin-top: -10px;margin-bottom: 7px;}
#forgeta{float: right;line-height: 35px;}
#regrbotline{margin-top: 26px;display: flex;justify-content: center;}
#regright .formline{margin-bottom: 20px;height: 40px;color: #828282;position: relative;}
#regright .formline .flhint{float: none;position: absolute;left: 310px;line-height: 40px;height: 40px;width: 100px;}
#regright .roundinput{line-height: 26px;height: 26px;}
#foot2{color: #999;padding: 18px 0 38px 0;margin-top: 118px;border-top: 1px solid #F5F5F5;}
#foot2 p{text-align: center;font-size: 12px;color: #999;margin-top: 20px;}
#regright.loginright{float: none;border: none;margin-left: auto;margin-right: auto;margin-top: 80px;}
#regright #verifycodeline.formline .labelright{width: 300px;}
#verifycode{width: 140px;float: left;}
#btncode{width: 124px;float: left;margin-left: 10px;height: 40px;line-height: 40px;}

.formline{margin-bottom: 15px;height: 35px;}
.formline:after{clear: both;content: '\0020';display: block;height: 0;}
.formline label{height: 35px;line-height: 35px;font-size: 14px;color: #333;float: left;min-width: 50px;}
.formline label input[type="radio"]:checked+span{color:#02bbfb;}
#arcontent .formline label:first-child,#ircontent .formline label:first-child, #alipaytransfer .formline label:first-child{min-width: 100px;}
.formline .labelright{float: left;position: relative;min-height: 1px;padding-right: 39px;padding-left: 15px;min-width: 210px;}
#invoicercontent .formline .labelright{line-height: 34px;}
.midinput .labelright{min-width: 300px;}
.midinput ul li{float:left;}
.flhint{height: 35px;line-height: 35px;float: left;}
.authcoupons{margin-left: 100px}
.authcoupons #companyCoupons,.authcoupons #personCoupons{display:none;margin-top:39px;cursor:pointer;text-align:center;color:#805824;padding: 13px 17px 0;box-sizing:border-box;display:inline-block;width:190px;height:102px;background:url('../images/my.png') no-repeat;}
.authcoupons #companyCoupons dt,.authcoupons #personCoupons dt{border-bottom:1px solid #dec78a;font-size: 19px;padding:0 0 8px 10px}
.authcoupons #companyCoupons dd,.authcoupons #personCoupons dd{margin-top:4px;}
.authcoupons #companyCoupons dt span,.authcoupons #personCoupons dt span{background-image:-webkit-linear-gradient(bottom,#805824,#d8b770);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight: bold;font-size:53px;line-height: 53px;}
.authcoupons #companyCoupons dt p,.authcoupons #personCoupons dt p{font-size:16px;float:right;margin-top: 10px;}
.authcoupons #companyCoupons{background-position: 0 -2238px;margin-right:50px;}
.authcoupons #personCoupons{background-position: 0 -2378px}
#wxbtn,#regbtn,#regbtn2{margin-left: 80px;}
#regbtn + a{margin-left: 20px;}
a.btna{display: inline-block;line-height: 26px;background-color: #00B0FE;color: #fff;font-size: 14px;text-align: center;border-radius: 3px;padding: 0 8px;}



.roundinput{display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
  .roundinput:focus {
    border-color: #00B0FE;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.040), 0 0 8px rgba(77, 202, 255, 0.6);
  }
  .has-error .roundinput{
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .roundinput[readonly]{background-color: #eee;opacity: 1;}
  
  .btn {
    width: 160px;
    height: 35px;
    line-height: 35px;
    background-color: rgb(0, 176, 254);
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 14px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 3px;
}  